p, h1, h2, h3, h4, h5, h6, ul, ol, li, a, div, html, body, img {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

ul, li {
  list-style-type: none;
}

html, body {
  font-size: 14px;
  color: rgba(0 0 0 / 80%);
}

html::-webkit-scrollbar { // 去掉页面最外层滚动条
  width: 0;
}

.hide {
  display: none!important;
}

// 缩进
.text-indient() {
  .indient {
    display: inline-block;
    text-indent: 1em;
  }
  
  .indient2 {
    display: inline-block;
    text-indent: 2em;
  }
  
  .indient3 {
    display: inline-block;
    text-indent: 3em;
  }
}

// 颜色
.color-mixin() {
  .color {
    color: #f77e7e;
  }

  .color1 {
    color: #c678dd;
  }

  .color2 {
    color: #690;
  }

  .color3 {
    color: #61aeee;
  }

  .color4 {
    color: #f08d49;
  }

  .color5 {
    color: #f8c555;
  }
}

/*markdown编辑器自定义样式*/
.v-md-editor-preview {
  min-width: 30vw;
  max-width: 50vw;

  .vuepress-markdown-body:not(.custom) {
    padding: 0;
  }
  
  pre {
    padding: 1em !important;
  }
}

/*内容模板的代码块*/
.code {
  display: inline-block;
  background-color: rgb(246,246,246);
  color: #a19c9a;
  font-size: 10px;
  box-sizing: border-box;
  padding: 5px 10px;
  border-radius: 0 6px 6px 0;
  border: 1px solid #e7e6e6;

  /*代码缩进2个空格 1个汉字字号的宽度*/
  /*用<span class="indient"></span>把该行内容包含进来*/
  .text-indient();
  .color-mixin();
}
/*用于内容模板的图片*/
.img {
  border: 1px solid #e7e6e6;
  border-radius: 6px;
  margin: 5px 0;
}

p {
  /*内容模板的``功能*/
  .color-mixin();
  .text-indient();
}
